<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<!-- 1.重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.常态样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.当前样式 -->
		<link rel="stylesheet" href="../css/api-details.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="flex-c-sb b-box">
			<!-- logo -->
			<a href="#">
				<h1></h1>
			</a>
			<!-- 导航列表 -->
			<ul class="flex-c-c fc-black">
				<li ><a href="../html/index.html">首页</a>
				</li>
				<li class="active"><a href="../html/api-index.html">API</a>
				</li>
				<li><a href="">云服务</a>
				</li>
				<li><a href="../html/customer.html">案例</a>
				</li>
				<li><a href="">开发者</a>
				</li>
			</ul>
			<!-- 按钮 -->
			<div class="fc-white">
				<span>登录</span>
				<span>注册有礼</span>
			</div>
		</header>
		<section id="header"></section>
		<!-- 主体部分 -->
		<main>
			<!-- banner部分 -->
			<section id="banner" class="rel">
				<div id="bannerBg">
					<div class="container flex-jc-sb">
						<!-- 左边图 -->
						<div class="banner-icon">
							<img src="../imgs/API详情页_11.jpg" alt="图片加载失败" />
							<ul class="smallicon flex-jc-sa">
								<li>
									<img
										src="../imgs/API详情页_smallicon_01.jpg"
										alt="图片加载失败"
									/>
									<p>103</p>
								</li>
								<li>
									<img
										src="../imgs/API详情页_smallicon_02.jpg"
										alt="图片加载失败"
									/>
									<p>14245</p>
								</li>
								<li>
									<img
										src="../imgs/API详情页_smallicon_03.jpg"
										alt="图片加载失败"
									/>
									<p>623</p>
								</li>
							</ul>
						</div>
						<!-- 右边文字 -->
						<div class="banner-content">
							<ul>
								<li>
									<strong>身份证实名认证</strong>
									<span>支持HTTPS</span>
									<span>企业专用</span>
								</li>
							</ul>
							<ul>
								<li class="yellow-word">
									<p>
										<img
											src="../imgs/API详情页_03.jpg"
											alt=""
										/>限企业实名用户使用
									</p>
									<p>
										<img
											src="../imgs/API详情页_05.jpg"
											alt=""
										/>本接口需提供应用场景审核
									</p>
									<p>
										<img
											src="../imgs/API详情页_08.jpg"
											alt=""
										/>个人实名用户无法使用
									</p>
								</li>
								<li>
									<p>检测姓名和身份证号是否一致,身份证验证.</p>
								</li>
							</ul>
							<ul>
								<li class="gray-word ">
									<div class="default rel">
										<img src="../imgs/API详情页_17.jpg" alt="图片已损坏" />
										扫码测试

										<div class="sweeptest abs">
											<img src="../imgs/wechat-white.png" alt="图片已损坏" />
											<h6>请扫码关注</h6>
										</div>
									</div>
									<!-- `<p>${v.times}次</p> -->
								</li>
							</ul>
							<ul>
								<li class="red-word">
									<!-- <strong>¥1200</strong>
									(约0.3000元/次),仅限企业实名购买 -->
								</li>
								<li>
									<button>立即申请</button>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</section>

			<!--下面选项框 -->
			<!-- top栏 -->
			<section id="tap">
				<div class="container">
					<ul id="tabList">
						<li class="active">API文档</li>
						<li>错误码参照</li>
						<li>示例代码</li>
						<li>联系我们</li>
					</ul>
				</div>
			</section>
			<!-- 内容区 -->
			<section id="content">
				<div class="container flex-jc-sb">
					<!-- 左边内容 -->
					<div id="content-left">
						<!-- API文档apiworld -->
						<div class="apiworld">
							<p>接口地址：<span>http://op.juhe.cn/idcard/query</span></p>
							<p>返回格式:<span>json</span></p>
							<p>请求方式：<span>http get/post</span></p>
							<p>请求示例：<span>http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=</span></p>
							<p>接口备注: <span>error_code为0时计费</span></p>
							<button>API测试工具</button>
						</div>
						<!-- 错误码参照consult -->
						<div class="consult">
							<p>请求参数说明：</p>
							<table>
								<thead>
									<tr>
										<th>名称</th>
										<th>必填</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>idcard</td>
										<td>是</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>
									<tr>
										<td>realname</td>
										<td>是</td>
										<td>string</td>
										<td>姓名(UTF-8)</td>
									</tr>
									<tr>
										<td>orderid</td>
										<td>否</td>
										<td>int</td>
										<td>传1时返回单号，默认不返回单号(建议传入)</td>
									</tr>
									<tr>
										<td>key</td>
										<td>是</td>
										<td>string</td>
										<td>在个人中心->我的数据,接口名称上方查看</td>
									</tr>
								</tbody>
							</table>
						</div>
						<!-- 返回参数说明 -->
						<div class="return">
							<p>返回参数说明：</p>
							<table>
								<thead>
									<tr>
										<th>名称</th>									
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>error_code</td>
										<td>int</td>
										<td>返回码</td>
									</tr>
									<tr>
										<td>reason</td>
										<td>string</td>
										<td>返回说明</td>
									</tr>
									<tr>
										<td>result</td>
										<td>object</td>
										<td>返回结果集</td>
									</tr>
									<tr>
										<td>realname</td>
										<td>string</td>
										<td>属result,真实姓名</td>
									</tr>
									<tr>
										<td>idcard</td>
										<td>string</td>
										<td>属result,身份证号</td>
									</tr>
									<tr>
										<td>res</td>
										<td>int</td>
										<td>属result,匹配详情,1匹配,2不匹配</td>
									</tr>
								</tbody>
								
							</table>
						</div>
						<!-- JSON返回示例 -->
						<div class="jsonback">
							<p>JSON返回示例：<span>JSON在线格式化工具</span></p>
							<article id="jscontent">
								<h6>
									{
									"reason": "成功",
									"result": {
										"realname": "***",/*真实姓名*/
										"idcard": "******************",/*身份证号码*/
										"orderid":"J103202010151450419556",/*流水号*/
										"res": 1 /*1：匹配 2：不匹配*/
									},
									"error_code": 0
								
								}
							</h6>
								
							</article>
						</div>
					</div>
					<!-- 右边广告 -->
					<div id="content-right">
						<h2>活动推荐/Activity</h2>
						<div>
							<img src="../imgs/sfz-aside1.png" alt="">
						</div>
						<div>
							<img src="../imgs/details-aside02.png" alt="">
						</div>
						<div>
							<img src="../imgs/details-aside03.png" alt="">
						</div>
						<h2>猜你喜欢</h2>
						<ul class="like">
							<li class="flex-c-c">
								<div class="flex-c-c">
									<img src="../imgs/API22.jpg" alt="">
								</div>
								<h3>短信API服务</br><span>三网合一短信通道</span></h3>
							</li>
							<li class="flex-c-c">
								<div class="flex-c-c">
									<img src="../imgs/API26.jpg" alt="">
								</div>
								<h3>短信API服务</br><span>三网合一短信通道</span></h3>
							</li>
							<li class="flex-c-c">
								<div class="flex-c-c">
									<img src="../imgs/API30.jpg" alt="">
								</div>
								<h3>短信API服务</br><span>三网合一短信通道</span></h3>
							</li>
							<li class="flex-c-c">
								<div class="flex-c-c">
									<img src="../imgs/API33.jpg" alt="">
								</div>
								<h3>短信API服务</br><span>三网合一短信通道</span></h3>
							</li>
							<li class="flex-c-c">
								<div class="flex-c-c">
									<img src="../imgs/API36.jpg" alt="">
								</div>
								<h3>短信API服务</br><span>三网合一短信通道</span></h3>
							</li>
						</ul>
					</div>
				</div>
			</section>
					
			<!-- 广告 -->
			<section id="adv" class=" b-box rel">
				<div class="container">
					<!-- 标题 -->
					<div class="text-c">
						<h1>现在注册,百款接口免费测试</h1>
						<button>免费注册</button>
					</div>
				</div>
			</section>
		</main>

		<!-- 尾部 -->
		<footer>
			<div class="container flex-c-sb">
				<!-- 尾部左边 -->
				<div class="footLeft">
					<!-- 左上文字列表 -->
					<div class="footLeft-top flex-jc-sb">
						<dl>
							<dt>联系与支持</dt>
							<dd>400-882-7715</dd>
							<dd>售前咨询</dd>
							<dd>客服&售后</dd>
							<dd>常见问题</dd>
							<dd>极速工单</dd>
							<dd>投诉与建议</dd>
						</dl>
						<dl>
							<dt>关于源码</dt>
							<dd>400-882-7715</dd>
							<dd>售前咨询</dd>
							<dd>客服&售后</dd>
							<dd>常见问题</dd>
							<dd>极速工单</dd>
							<dd>投诉与建议</dd>
						</dl>
						<dl>
							<dt>快速入口</dt>
							<dd>400-882-7715</dd>
							<dd>售前咨询</dd>
							<dd>客服&售后</dd>
							<dd>常见问题</dd>
							<dd>极速工单</dd>
							<dd>投诉与建议</dd>
						</dl>
						<dl>
							<dt>产品服务</dt>
							<dd>400-882-7715</dd>
							<dd>售前咨询</dd>
							<dd>客服&售后</dd>
							<dd>常见问题</dd>
							<dd>极速工单</dd>
							<dd>投诉与建议</dd>
						</dl>
						<dl>
							<dt>解决方案</dt>
							<dd>400-882-7715</dd>
							<dd>售前咨询</dd>
							<dd>客服&售后</dd>
							<dd>常见问题</dd>
							<dd>极速工单</dd>
							<dd>投诉与建议</dd>
						</dl>
					</div>

					<!-- 左下logo文字 -->
					<div class="footLeft-bottom flex-a-c">
						<img src="../imgs/bei2.png" alt="图片已损坏" />
						<img src="../imgs/bei1.png" alt="图片已损坏" />
						<span class="fz-12"
							>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span
						>
					</div>
				</div>
				<!-- 尾部右边二维码 -->
				<div class="footRight">
					<p class="mt-50 fz-16">微信公众号</p>
					<p class="fz-10">源码时代</p>
					<img src="../imgs/wechat-white.png" alt="图片已损坏" />
					<p class="fz-11">源码大数据股份有限公司©版权所有</p>
				</div>
			</div>
			<!-- 回到顶部 -->
			<div id="goback">
				<img src="../imgs/goback.png" alt="" />
			</div>
		</footer>

		<!-- 2.引入当前页JS -->
		<script src="../js/api-details.js"></script>
		<script src="../js/util.js"></script>
		<script src="../lib/canvas-particle.js"></script>
		<script></script>
	</body>
</html>
